@charset "utf-8";

body .main{width: 100%;position: relative;}
.banner {width: 100%;overflow: hidden;}
.banner .swiper-container {width: 100%;height: 540px;}
.banner .swiper-container .swiper-slide>img{width: 100%;height: 100%;max-width: 1920px;}
.banner .swiper-container video{width: 100%;height: 100%;max-width: 1920px;}
.swiper-button-prev,.swiper-button-next{width: 15%;height: 100%;top:0;background:none;}
.swiper-button-prev{left:0;}	
.swiper-button-next{right:0;}	
.swiper-button-prev span,.swiper-button-next span{display:block;width: 64px;height: 64px;position: absolute;left: 20px;top: 50%;margin-top:-32px;border-radius: 100%;background: rgba(180,180,180,0.25) url(../images/arrows.png) no-repeat center 17px;opacity: 0;-webkit-transition: opacity 0.5s ease;transition: opacity 0.5s ease;}
.swiper-button-next span{background: rgba(180,180,180,0.25) url(../images/arrows.png) no-repeat center -71px;left:auto;right:20px;}
.swiper-button-prev:hover span,.swiper-button-next:hover span{opacity: .6;}

.index-header{position: absolute;left: 0;right: 0;top: 0;height: 280px;background: url(../images/index-header.png) repeat-x;z-index: 2;}
.index-header .top-header{height: 70px;margin-top: 10px;}
.index-header .top-header .logo{ position:absolute; top:15px; left:0; width:160px; height:40px;}
.index-header .top-header .navlist{ position:absolute; top:20px; right:0; width:600px; text-align: right;}
.index-header .top-header .navlist a.button{color: #fff;font-size: 13px;display: inline-block;padding: 5px 0;margin-right: 20px;}
.index-header .top-header .navlist a.button.selected{color: #00A0E9;border-bottom: 2px solid #00A0E9;}
.index-header .top-header .navlist i{color: #fff;}
.index-header .top-header .navlist a.login{background: #00A0E9;color: #fff;font-size: 12px;display: inline-block;padding: 5px 20px;border-radius: 14px;}

.fixbanner{position: fixed;top: 0;left: 0;right: 0;height:70px;background: rgba(0, 0, 0, .7);z-index: 10;display: none;}
.fixbanner .logo{ position:absolute; top:15px; left:0; width:160px; height:40px;}
.fixbanner .navlist{ position:absolute; top:20px; right:0; width: 582px; text-align: right;}
.fixbanner .navlist a.button{color: #fff;font-size: 13px;display: inline-block;padding: 5px 0;margin-right: 20px;}
.fixbanner .navlist a.button.selected{color: #00A0E9;border-bottom: 2px solid #00A0E9;}
.fixbanner .navlist i{color: #fff;}
.fixbanner .navlist a.login{background: #00A0E9;color: #fff;font-size: 12px;display: inline-block;padding: 5px 20px;border-radius: 14px;}
.fixbanner .search{position:absolute; top:20px; right: 610px; height: 28px;width: 270px;overflow: hidden;background: #fff;border-radius: 16px;padding-left: 16px;}
.fixbanner input{display: inline-block;height: 28px;width: 230px;}
.fixbanner .search a{display: inline-block;text-align: center;line-height: 28px;color: #858585;width: 35px;}

.advantage{width: 100%;border-bottom: 1px solid #D5D5D5;}
.advantage li{width: 25%;float: left;height: 60px;padding-top: 20px;}
.advantage li img{height: 40px;display: inline-block;vertical-align: bottom;margin-left: 50px;}
.advantage li div.intro{display: inline-block;margin-left: 11px;width: calc(100% - 130px);border-right: 1px solid #D5D5D5;}
.advantage li:last-child div.intro{border-right: none;}
.advantage li h6{margin: 0;padding: 0;font-size: 13px;}
.advantage li p{font-size: 12px;color: #606060;margin-top: 1px;}

.publish{width: 928px;margin: 40px auto 0;border-radius: 5px;-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);box-shadow: 0 0 10px 0 rgba(0,0,0,.1);}
.publish .title{padding: 15px 26px;font-size: 15px;color: #333;border-bottom: 1px solid #EDEDED;}
.publish .title span{font-size: 12px;padding-left: 15px;}
.publish .content{padding: 15px 26px;}
.publish .content div{width: 25%;float: left;}
.publish .content input{border: 1px solid #EDEDED;background: #F6F6F6;height: 31px;line-height: 31px;border-radius: 5px;padding: 0 10px;width: 75%;}
.publish .content a{background: #00A0E9;color: #fff;font-size: 12px;display: inline-block;width: 70%;height: 31px;line-height: 31px;border-radius: 15px;-webkit-box-shadow: 2px 2px 10px 0 rgba(0,0,0,.3);-moz-box-shadow: 2px 2px 10px 0 rgba(0,0,0,.3);box-shadow: 2px 2px 10px 0 rgba(0,0,0,.3);}

.circle, .office, .other, .lianhe, .tese, .new-publish{margin: 55px auto 0;}
.circle .title, .office .title, .lianhe .title, .tese .title{font-size: 25px;font-weight: 600;text-align: center;}
.circle .sub-title, .office .sub-title{font-size: 14px;text-align: center;margin-bottom: 10px;}
.circle .circle-img{margin-left: -35px;}
.circle .circle-img li{width: 286px;float: left;margin-left: 35px;margin-top: 30px;}
.circle .circle-img img{width: 100%;height: 190px;}
.circle .circle-img h3{margin-top: 5px;}
.circle .circle-img p{font-size: 12px;color:#777;}

/* .office .office-list{float: left;width:550px;}
.office .office-list li{margin-top: 14px;}
.office .office-list h4{color:#4A4A4A;}
.office .office-list .list{display: block;background: #fff;border-radius: 5px;width: 490px;padding: 5px 15px;
    -webkit-box-shadow: 2px 2px 10px 0 rgba(0,0,0,.1);-moz-box-shadow: 2px 2px 10px 0 rgba(0,0,0,.1);box-shadow: 2px 2px 10px 0 rgba(0,0,0,.1);}
.office .house-list>li a:hover{-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.2);-moz-box-shadow: 0 0 15px 0 rgba(0,0,0,.2);box-shadow: 0 0 15px 0 rgba(0,0,0,.2)}
.office .detail-info .pull-left{font-size: 12px;color: #4A4A4A;padding-top: 6px;padding-right: 10px;}
.office .detail-info .pull-right{color: #00A0E9;font-size: 16px;}
.office .detail-info small{font-size: 12px;}

.office .office-img{float: right;width: 600px;height:436px;border: 1px solid blue;}
.office .search{height: 36px;width: 505px;overflow: hidden;background: #fff;margin-bottom: 15px; border-radius: 16px;padding-left: 16px;-webkit-box-shadow: 2px 2px 10px 0 rgba(0,0,0,.1);-moz-box-shadow: 2px 2px 10px 0 rgba(0,0,0,.1);box-shadow: 2px 2px 10px 0 rgba(0,0,0,.1);}
.office input{display: inline-block;height: 36px;width: 454px;}
.office .search a{display: inline-block;text-align: center;line-height: 33px;color: #858585;width: 35px;} */

.other ul{ margin:45px 0 0 -15px; padding:0; *padding-bottom:15px; *display:inline-block; }
.other li{ float:left; margin:0 0 15px 14px; width:174px; }
.other li .details{ position:relative; border:1px solid #eee; box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.1); background:#fff; -webkit-border-radius:7px; -ms-border-radius:7px; -o-border-radius:7px; border-radius: 7px;overflow: hidden;}
.other li .details .pic{ width:100%; height:125px; overflow:hidden; }
.other li .details .pic img{ width:100%; height:100%; cursor:pointer; }
.other li .details .remark{ display:block; margin:8px 10px; padding:0; color:#666; font-size:12px; line-height:20px; text-overflow:ellipsis; overflow:hidden; }
.remark a{color: #1F2126;font-size: 13px;width: 110px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.remark .detail-info{margin-top: 5px;}
.remark .detail-info .pull-left{color: #9CA1AE;}
.remark .detail-info .pull-right{color: #00A0E9;font-size: 12px;}
.remark .detail-info big{font-weight: 600;font-size: 16px;}

.pagination {position: absolute;left: 0;text-align: center;bottom: 5px;width: 100%;z-index:999;}
.swiper-pagination-bullet {display: inline-block;width: 6px;height: 6px;opacity:1;border-radius: 10px;background: white;margin: 0 3px;cursor: pointer;transition: width 0.3s ease-in-out;}
.swiper-pagination-bullet-active{background: #00A0E9;width:18px;}


/*  ==================================== 20180930添加 - 新版首页 ==================================== */
.dark-bg{background: #F5F5F5;width: 100%;padding: 90px 0;}
/* 房源发布 */
.new-publish-outer{width: 100%;background-color: rgb(44, 55, 86);background-size: 100%;background-position: center;}
.new-publish{text-align: left;}
.new-publish .title{padding: 30px 0 17px;font-size: 23px;color: #fff;position: relative;}
.new-publish .small-title{font-size: 13px;padding-left: 30px;}
.new-publish .content{padding: 0 0 30px;}
.new-publish .content div{width: 25%;float: left;text-align: center;}
.new-publish .content input{border: 1px solid #EDEDED;background: #F6F6F6;height: 31px;line-height: 31px;border-radius: 5px;padding: 0 10px;width: 75%;}
.new-publish .content a{background: #00A0E9;color: #fff;font-size: 14px;display: inline-block;width: 70%;height: 35px;line-height: 35px;border-radius: 20px;-webkit-box-shadow: 2px 2px 10px 0 rgba(0,0,0,.3);-moz-box-shadow: 2px 2px 10px 0 rgba(0,0,0,.3);box-shadow: 2px 2px 10px 0 rgba(0,0,0,.3);}

/* 写字楼精选 */
.office .tab{width: 520px;margin-left: 0;margin-bottom: 13px;border-bottom: 1px solid #eee;height: 24px;}
.office .tab li{float: left;margin-top: 0;}
.office .tab li:nth-child(odd){text-align: center;padding: 0 26px;}
.office .tab li.split{width: 1px;height: 11px;margin-top: 5px;padding: 0;background: #ccc;overflow: hidden;}
.office .tab li:nth-child(odd) a{color: #757575;font-size: 14px;padding: 4px 0;}
.office .tab li:hover a{color: #00A0E9;}
.office .tab li:nth-child(odd).selected a{border-bottom: 2px solid #00A0E9;color: #00A0E9;}

/* 联合办公 + 特色产业园 */
.lianhe .content, .tese .content, .circle .content{margin-top: 5px;}
.house-tab{border-bottom: 1px solid #eee;padding:5px;}
.house-tab ul{width: 500px;margin: 0 auto;position: relative;}
.house-tab li{float: left;width: 33.33%;text-align: center;position: relative;}
.house-tab li a{padding: 5px 10px;font-size: 15px;}

.house-img-list{width: 100%;margin-top: 15px;}
.house-img-list .small, .house-img-list .big{float: left;position: relative;height: 240px;}
.house-img-list .small{width: 33.33%;}
.house-img-list .big{width: 33.33%;}
.house-img-list img{width: 100%;height: 100%;}

.triangle{width: 0;height: 0;position: absolute;z-index: 2;}
.triangle-topright{border-top: 240px solid #F5F5F5;border-left: 18px solid transparent;top: 0;right: 0;}
.triangle-bottomleft{border-bottom: 240px solid #F5F5F5;border-right: 18px solid transparent;bottom: 0;left: 0;}
.triangle-bottomright{border-bottom: 240px solid #F5F5F5;border-left: 18px solid transparent;bottom: 0;right: 0;}
.triangle-topleft{border-top: 240px solid #F5F5F5;border-right: 18px solid transparent;top: 0;left: 0;}

.house-img-black{position: absolute;z-index: 1;background: rgba(0, 0, 0, .5);bottom: 0;left: 0;right: 0;padding: 10px 15px;}
.house-img-black a{color: #fff;}

.tese .house-img-black .title-price>a, .lianhe .house-img-black .title-price>a,
.tese .house-img-black>a, .lianhe .house-img-black>a{color: #fff;font-size: 18px;}

.tese .house-img-black{padding: 10px 15px;}
.tese .house-img-black .small-info{color: #fff;margin-top: 10px;}
.tese .small-info span{font-size: 20px;}
.tese .mianji{width: 98%;margin: 10px 0 0;}
.tese .mianji li{float: left;}
.tese .mianji a{display: block;margin: 0 10px 0 0;background: rgba(238, 238, 238, 0.3);padding:2px 5px;font-size: 13px;}

.lianhe .house-img-black, .tese .house-img-black{top: calc(100% - 48px);overflow: hidden;transition: all .5s;}
.lianhe .house-img-black:hover, .tese .house-img-black:hover{top:calc(100% - 120px);}
.lianhe .house-img-black .title-price span{color: #fff;font-size: 12px;line-height: 26px;}
.lianhe .house-img-black .title-price span i{font-weight: 600;font-size: 21px;}

.lianhe-service .house-img-black .title-price span i， .lianhe-top .house-img-black .title-price span i{font-size: 18px;}
.lianhe-service .service li, .lianhe-top .service li{float: left;margin-top: 10px;}
.lianhe-service .service a, .lianhe-top .service a{display: block;margin: 0 10px 0 0;background: rgba(238, 238, 238, 0.3);padding:2px 5px;font-size: 13px;}

.lianhe-top .house-img-black:hover {top: calc(100% - 155px);}

.circle .house-img-black{bottom: 0;}
.circle .house-img-black a{font-size: 18px;}
.circle .house-img-black a.price{font-size: 13px;}
.circle .house-img-black a:first-child{padding-right: 10px;}
.circle .house-img-black a span{font-size:25px;padding: 0 5px;}

.lianhe .house-img-black p{color: #fff;font-size: 13px;margin-top: 20px;}
.lianhe .house-img-black p span:nth-child(odd){padding-right: 10px;}
.lianhe .house-img-black p i{padding-left: 10px;font-size: 16px;font-weight: 600;}

/* 滑块选中 */
.move {
    height: 2px;width: 50px!important;border-top: 2px solid #00A0E9;
    /*只需要将上边显示出来*/
    position: absolute;left: 6px;bottom: -9px;transition: left .2s ease-in-out 0s;
    /*包含四个过度属性：执行变换属性、执行时间、速率、延迟*/
    -webkit-transition: left .2s ease-in-out 0s;
    /*chrome和safari*/
    -moz-transition: left .2s ease-in-out 0s;
    /*firefox*/
    -o-transition: left .2s ease-in-out 0s;
    /*opera*/
}
li:nth-child(1):hover~.move {
    /*li元素的父元素的第一个子元素，当鼠标停留其上时，move元素的left属性改变*/
    left: 6px;}
li:nth-child(2):hover~.move {left: 88px;}
li:nth-child(3):hover~.move {left: 162px;}

.index-see-more{text-align: center;display: block;font-size: 14px;margin: 40px auto 0;color: #757575;width: 120px;border: 1px solid #a9a5a5;padding: 10px 30px;border-radius: 22px;}
.index-see-more:hover{background: #00A0E9;border: 1px solid transparent;-webkit-box-shadow: 0 0 15px 0 rgba(0,160,233,.4);-moz-box-shadow: 0 0 15px 0 rgba(0,160,233,.4);box-shadow: 0 0 15px 0 rgba(0,160,233,.4);color: #fff;}
.index-split{width: 3px;height: 23px;background: #fff;overflow: hidden;display: inline-block;position: absolute;bottom: 22px;}
/*  ==================================== 20180930添加 - 新版首页 ==================================== */


/*  ==================================== 20190308添加 - 新版首页 ==================================== */
.banner-search{position: absolute;bottom: 70px;left: 0;right: 0;width: 480px;height: 40px;background: #38B3FF;margin: auto;z-index: 10;text-align: left;border-radius: 20px;overflow: hidden;}
.banner-search i{display: block;text-align: center;line-height: 40px;color: #858585;width: 40px;background: #fff;float: left;}
.banner-search input {display: block;height: 40px;width: 365px;background: #fff;float: left;}
.banner-search a{display: block;width: 75px;height: 40px;color: #fff;text-align: center;line-height: 40px;float: left;}

.mt-55{margin-top: 55px!important;}

.mode-title{color: #333;margin-bottom: 8px;}
.mode-title a, .see-all-index{color: #ABABAB;font-size: 12px;line-height: 29px;}

.mode-content .jingxuan-area{margin: 0 -3px 8px;}
.mode-content .jingxuan-area li{float: left;width: 78.25px;}
.mode-content .jingxuan-area a{display: block;text-align: center;background: #F3F3F3;margin: 0 3px;line-height: 32px;}
.mode-content .jingxuan-area li.active a{color: #fff;background: #38B3FF;}

.circle-swiper{margin-left: -5px;margin-right: -5px;}
#hot-circle-swiper {width: 100%;}
#hot-circle-swiper .hot-circle-list{float: left;width: calc(50% - 10px);position: relative;padding: 0 5px;margin-bottom: 10px;}
/* 按比例缩放 4:3 */
#hot-circle-swiper .hot-circle-list .back{width:100%;height:0;padding-bottom: 75%;overflow:hidden;background-position: center center;background-repeat: no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;}
#hot-circle-swiper .hot-circle-list .info{position: absolute;bottom: 0;left: 5px;right: 5px;padding: 7px 10px;background: rgba(0, 0, 0, .5);}
#hot-circle-swiper .hot-circle-list .info p{color: #fff;font-size: 12px;}
#hot-circle-swiper .hot-circle-list .info span.big{font-size: 17px;font-weight: 600;}

.remen-list{margin: 0 -8px;}
.remen-list li{float: left;width: 50%;}
.remen-list li>a{display: block;}
.remen-info{position: relative;height: 124px;margin: 0 8px 4px;}
.remen-info img{width:100%;height:100%;display: block;}
.remen-info .info{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/remen-bg.png) repeat-x;text-align: center;}
.remen-info .info p{color: #fff;font-size: 20px;font-weight: 600;margin-top: 46px;letter-spacing: 1px;}

.guang-tag{display: inline-block;position: absolute;right: 20px;bottom: 20px;background: #000;color: #fff;font-size: 12px;border-radius: 20px;padding: 1px 8px;}

.tab-hua{position: relative;}
.tab-hua li{float: left;}
.tab-hua li a{padding: 0 16px 3px 0;font-size: 13px;}

.new-lianhe-list{float: left;width: calc(50% - 10px);position: relative;padding: 0 5px;margin-top: 10px;}
.new-lianhe-list .back{width:100%;height:0;padding-bottom: 75%;overflow:hidden;background-position: center center;background-repeat: no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;}
.new-lianhe-list .info{position: absolute;bottom: 0;left: 5px;right: 5px;padding: 7px 10px;background: rgba(0, 0, 0, .5);}
.new-lianhe-list .info p{color: #fff;font-size: 12px;}
.new-lianhe-list .info span.big{font-size: 17px;font-weight: 600;}

.brand-big{width: 100%;height: 256px;position: relative;margin: 10px 0;}
.brand-big>img{display: block;width: 100%;height: 100%;}
.brand-big .brand-main{position: absolute;top: 20px;left: 20px;background: rgba(255, 255, 255, .8);border-radius: 10px;padding: 7px 8px;color: #333;font-weight: bold;}
.brand-big .brand-main>img{height: 37px;vertical-align: middle;margin-right: 15px;}
.brand-big .brand-info{position: absolute;left: 20px;bottom: 10px;right: 20px;color: #fff;font-size: 12px;}
.brand-big .brand-info a{background: #38B3FF;color: #fff;padding: 3px 10px;border-radius: 10px;}

.brand-small{width: calc(50% - 5px);height: 180px;display: inline-block;position: relative;}
.brand-small>img {width: 100%;height: 100%;}
.brand-small .brand-small-info{position: absolute;bottom: 0;left: 0;width: calc(100% - 20px);background: url(../images/index/index-bg.svg) repeat-x;color: #fff;background-size: contain;padding: 8px 10px;font-size: 12px;}
.brand-small .brand-small-info .name{font-size: 14px;}
.brand-small .brand-small-info big{font-size: 17px;font-weight: 600;}

.brand-pagination, .house-swiper-pagination{bottom: .4rem;position: relative!important;}
.brand-pagination .swiper-pagination-bullet, .house-swiper-pagination .swiper-pagination-bullet{margin: 0 4px;background: #D8D8D8;}
.brand-pagination .swiper-pagination-bullet-active, .house-swiper-pagination .swiper-pagination-bullet-active{background: #38B3FF;}

.yuan-list{margin: 20px -5px 0;}
.yuan-list dd{float: left;width: 33.33%;}
.yuan-list .yuan-info{margin: 0 5px;position: relative;height: 240px;}
.yuan-list .yuan-info img{width: 100%;height: 100%;display: block;}
.yuan-list .yuan-info .house-img-black:hover{top:calc(100% - 90px);}
.yuan-list .yuan-info .house-img-black{position: absolute;z-index: 1;background: rgba(0, 0, 0, .5);bottom: 0;left: 0;right: 0;padding: 10px 15px;top: calc(100% - 38px);overflow: hidden;transition: all .5s;}
.yuan-list .yuan-info .house-img-black a{color: #fff;}
.yuan-list .yuan-info .house-img-black span{color: #fff;font-size: 12px;line-height: 20px;}
.yuan-list .yuan-info .house-img-black big{font-size: 17px;font-weight: 600;padding: 0 3px;}

/* .yuan-list .yuan-info .mianji{width: 98%;margin: 8px 0 0;} */
.yuan-list .yuan-info .mianji li{float: left;}
.yuan-list .yuan-info .mianji a{display: block;margin: 0 10px 0 0;background: rgba(238, 238, 238, 0.3);padding:2px 5px;font-size: 12px;}

.company-list{margin: 0 -5px;}
.company-list dd{float: left;width: 25%;}
.company-list dd a{margin: 0 5px;display: flex;background: #F6F6F6;height: 210px;align-items: center;}
.company-list dd a>img{width: 75%;max-height: 165px;display: block;margin: 0 auto;}

.search-tui{background: #F6F6F6;border-radius: 6px;padding: 5px 14px;height: 330px;overflow: hidden;margin-top: 12px;}
.search-tui li{border-bottom: 1px solid #E5E5E5;padding: 11px 2px;}
.search-tui li .f_left{width: calc(100% - 80px);display: inline-block;}
.search-tui li .f_left a{font-size: 12px;color: #38B3FF;display: block;width: 100%;}
.search-tui li .f_right{width: 75px;font-size: 12px;color: #C4C4C4;display: block;text-align: right;float: right;}

.split-line{display: inline-block;height: 1px;background: #fff;width: 55px;margin: 5px 0;}
.lianhe-swiper .info:hover{top:calc(100% - 83px);}
.lianhe-swiper .info{position: absolute;z-index: 1;background: rgba(0, 0, 0, .5);bottom: 0;left: 5px;right: 5px;padding: 5px 15px;top: calc(100% - 38px);overflow: hidden;transition: all .5s;}
.lianhe-swiper .info.top-2:hover{top:calc(100% - 106px);}

/* 滑块选中 */
.move-2 {
    height: 2px;width: 25px!important;border-top: 2px solid #00A0E9;
    /*只需要将上边显示出来*/
    position: absolute;left: 0;bottom: -9px;transition: left .2s ease-in-out 0s;
    /*包含四个过度属性：执行变换属性、执行时间、速率、延迟*/
    -webkit-transition: left .2s ease-in-out 0s;
    /*chrome和safari*/
    -moz-transition: left .2s ease-in-out 0s;
    /*firefox*/
    -o-transition: left .2s ease-in-out 0s;
    /*opera*/
}
li:nth-child(1):hover~.move-2 {
    /*li元素的父元素的第一个子元素，当鼠标停留其上时，move元素的left属性改变*/
    left: 0;}
li:nth-child(2):hover~.move-2 {left: 41px;}
li:nth-child(3):hover~.move-2 {left: 84px;}

.small-pro-list li{width: 33.33%;float: left;}
.small-pro-list .small-pro-list-info{display: block;margin: 0 5px 10px;}
.small-pro-list-info .pic{position: relative;}
.small-pro-list-info .pic>img{width: 100%;height: 111px;border-radius: 5px;display: block;}
.small-pro-list-info .pic>p{position: absolute;bottom: 5px;left: 5px;right: 5px;font-size: 12px;color: #fff;}

.small-pro-list-info .remark>a{font-size: 13px;color: #333;margin-top: 5px;}
.small-pro-list-info .remark .detail-info{font-size: 12px;color: #898B9B;margin-top: 2px;}
.small-pro-list-info .remark .blue{font-weight: bold;}
.small-pro-list-info .remark small{color: #898B9B;}

.index-tab{position: relative;}
.index-tab li{float: left;font-size: 16px;padding: 0 15px 0 0;cursor: pointer;font-weight: 600;}
/* 滑块选中 */
.move-3 {
    height: 2px;width: 18px!important;border-top: 2px solid #00A0E9;
    /*只需要将上边显示出来*/
    position: absolute;left: 15px;bottom: -9px;transition: left .2s ease-in-out 0s;
    /*包含四个过度属性：执行变换属性、执行时间、速率、延迟*/
    -webkit-transition: left .2s ease-in-out 0s;
    /*chrome和safari*/
    -moz-transition: left .2s ease-in-out 0s;
    /*firefox*/
    -o-transition: left .2s ease-in-out 0s;
    /*opera*/
}
li:nth-child(1):hover~.move-3 {
    /*li元素的父元素的第一个子元素，当鼠标停留其上时，move元素的left属性改变*/
    left: 15px;}
li:nth-child(2):hover~.move-3 {left: 78px;}

/*  ==================================== 20190308添加 - 新版首页 ==================================== */
